<template>
  <artical-item :post="collection.post">
    <template slot="operation">
      <div class="delete" @click="$emit(`delete`, collection.post.postId)"><i class="el-icon-delete"></i></div>
    </template>
  </artical-item>
</template>

<script>
import ArticalItem from "../Artical/ArticalItem.vue";
export default {
  props:["collection"],
  components: {
    ArticalItem,
  },
  
};
</script>

<style lang="less" scoped>
    @import '@/assets/less/common.less';
    .delete {
        cursor: pointer;
        &:hover {
            color: black;
        }
    }
</style>